﻿<!DOCTYPE html>
<html>
<head>
    <title>用户vip卡报表</title>
    <meta charset="utf-8">
    <meta name="keywords" content="短照中心-湘潭市康复养老中心;">
    <meta name="description" content="短照中心-湘潭市康复养老中心;">
    <link rel="stylesheet" rev="stylesheet" href="css/framepage_print.css" type="text/css" media="screen,print"/>
    <link rel="stylesheet" rev="stylesheet" href="css/print_table.css" type="text/css" media="screen"/>
    <link rel="stylesheet" type="text/css" href="js/waitBox/wait.css">
    <script src="js/vue.js"></script>
    <script src="js/jquery-3.2.1.min.js"></script>
    <script src="js/jquery.cookie.js"></script>
    <script src="js/JSON-js-master/json2.js"></script>
    <script src="js/waitBox/wait.js"></script>
    <script src="js/purl.js"></script>
    <style type="text/css">
        @media print {
            .no_print {
                display: none;
            }

            @page {
                margin: 0 10mm 0;
            }

            .form_div ul {
                margin-top: 0;
            }


            .form_div_kk {
                width: auto;
                height: auto;
                font-size: 9pt;
                color: #000000;
            }

            .form_div_kk h3 {
                width: auto;
                height: 4mm;
                line-height: 4mm;
                text-align: center;
                font-size: 12pt;
                color: #000000;
            }

            .form_div_kk ul {
                width: 190mm;
                margin-top: 0;
            }

            .form_div_kk ul li {
                width: auto;
                height: 4mm;
                line-height: 4mm;
                position: relative;
                float: left;
                display: block;
                margin-right: 3mm;
            }

            .form_div_kk ul li span {
                display: inline;
                line-height: 7mm;
            }

            .form_div_kk ul li .tit {
                display: block;
                line-height: 7mm;
            }


            .rbb_div {
                width: 210mm;
                height: auto;
                position: absolute;
                left: 0;
                top: 0;
                font-size: 12pt;
                color: #000000;
            }

            .rbb_div h3 {
                line-height: 6mm;
                width: 210mm;
                height: 5mm;
                text-align: center;
                font-size: 12pt;
                color: #000000;
                border-bottom: none;
            }

            table.rbb {
                width: 190mm;
                font-family: verdana, arial, sans-serif;
                font-size: 16px;
                color: #000000;
                border: solid 1px #000000;
                border-collapse: collapse;
            }

            table.rbb td {
                line-height: 8mm;
                height: 8mm;
                border: 1px solid #000000;
                border-collapse: collapse;
                padding: 0;
            }

            table.rbbnei {
                width: 190mm;
                font-family: verdana, arial, sans-serif;
                font-size: 12pt;
                color: #000000;
                magin: 0;
                padding: 0;
                border: 0;
                border-collapse: collapse;
            }

            table.rbbnet td {
                text-align: left;
                line-height: 8mm;
                height: 8mm;
                magin: 0;
                padding: 0;
                border: 0;
                border-collapse: collapse;
            }


            table.rbbnei2 {
                width: 50mm;
                font-family: verdana, arial, sans-serif;
                font-size: 14pt;
                color: #000000;
                magin: 0;
                padding: 0;
                border: 0;
                border-collapse: collapse;
            }

            table.rbbnet2 td {
                text-align: left;
                line-height: 8mm;
                height: 8mm;
                magin: 0;
                padding: 0;
                border: 0;
                border-collapse: collapse;
            }

            table.tb400 {
                width: 90mm;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb400 td {
                width: 90mm;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb400_2 {
                width: 90mm;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb400_2 td {
                text-align: center;
                border-collapse: collapse;
            }

            table.tb100 {
                width: 25mm;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb100 td {
                width: 25mm;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb200 {
                width: 50mm;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb200 td {
                width: 50mm;
                text-align: center;
                border-collapse: collapse;
                height: 24.5mm;
            }

            .v_top {
                vertical-align: top;
            }

            .tdw100 {
                width: 25mm;
            }

            .tdw200 {
                width: 50mm;
            }

            .tdw400 {
                width: 100mm;
            }

            .tdw500 {
                width: 125mm;
            }

            .tdw300 {
                width: 65mm;
            }

            .tdw700 {
                width: 165mm;
            }

            .tdw800 {
                width: 190mm;
            }

            .blps {
                border-collapse: collapse;
            }

            .t_c {
                text-align: center;
            }

            .t_r {
                text-align: right;
            }

            .h_62 {
                height: 17mm;
                text-align: center;
            }
        }


        @media screen {


            .form_div_kk {
                width: auto;
                height: auto;
                font-size: 14px;
                color: 494 C57;
            }

            .form_div_kk h3 {
                width: auto;
                height: 25px;
                line-height: 25px;
                text-align: center;
                font-size: 12px;
                color: #333333;
            }

            .form_div_kk ul {
                width: 960px;
                margin-top: 0;
            }

            .form_div_kk ul li {
                width: auto;
                height: 30px;
                line-height: 30px;
                position: relative;
                float: left;
                display: block;
                margin-right: 20px;
            }

            .form_div_kk ul li span {
                display: inline;
            }

            .form_div_kk ul li .tit {
                display: block;
                line-height: 40px;
            }


            .rbb_div {
                width: 800px;
                height: auto;
                margin-top: 30px;
                margin-left: auto;
                margin-right: auto;
                font-size: 14px;
                color: #000000;
            }

            .rbb_div h3 {
                line-height: 20px;
                width: 800px;
                height: 20px;
                text-align: center;
                font-size: 14px;
                color: #000000;
                border-bottom: none;
            }

            table.rbb {
                width: 800px;
                font-family: verdana, arial, sans-serif;
                font-size: 16px;
                color: #000000;
                border: solid 1px #000000;
                border-collapse: collapse;
            }

            table.rbb td {
                line-height: 30px;
                height: 30px;
                border: 1px solid #000000;
                border-collapse: collapse;
                padding: 0;
            }

            table.rbbnei {
                width: 800px;
                font-family: verdana, arial, sans-serif;
                font-size: 16px;
                color: #000000;
                magin: 0;
                padding: 0;
                border: 0;
                border-collapse: collapse;
            }

            table.rbbnet td {
                text-align: left;
                line-height: 30px;
                height: 30px;
                magin: 0;
                padding: 0;
                border: 0;
                border-collapse: collapse;
            }


            table.rbbnei2 {
                width: 200px;
                font-family: verdana, arial, sans-serif;
                font-size: 16px;
                color: #000000;
                magin: 0;
                padding: 0;
                border: 0;
                border-collapse: collapse;
            }

            table.rbbnet2 td {
                text-align: left;
                line-height: 30px;
                height: 30px;
                magin: 0;
                padding: 0;
                border: 0;
                border-collapse: collapse;
            }

            table.tb400 {
                width: 400px;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb400 td {
                width: 400px;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb400_2 {
                width: 400px;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb400_2 td {
                text-align: center;
                border-collapse: collapse;
            }

            table.tb100 {
                width: 99px;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb100 td {
                width: 99px;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb200 {
                width: 200px;
                text-align: center;
                border-collapse: collapse;
            }

            table.tb200 td {
                width: 200px;
                text-align: center;
                border-collapse: collapse;
                height: 92px;
            }

            .v_top {
                vertical-align: top;
            }

            .tdw100 {
                width: 100px;
            }

            .tdw200 {
                width: 200px;
            }

            .tdw400 {
                width: 400px;
            }

            .tdw500 {
                width: 500px;
            }

            .tdw300 {
                width: 300px;
            }

            .tdw700 {
                width: 700px;
            }

            .tdw800 {
                width: 800px;
            }

            .blps {
                border-collapse: collapse;
            }

            .t_c {
                text-align: center;
            }

            .t_r {
                text-align: right;
            }

            .h_62 {
                height: 64px;
                text-align: center;
            }
        }

    </style>
</head>

<body style="background:rbg(216,216,216);">

<!--新的列表样式-->

<div class="form_div no_print">
<h3>查询VIP床位费用报表</h3>
  <form>

  <ul>
    <li><span class="tit" style="width:70px;">截止日期：</span></li>
    <li style="line-height:36px;"> <span>
      <input type="text" placeholder="请输入年" id="year" style="width:100px;position:absolute;top:0;left:0;"/>
      </span>
      <select id="month" style="width:90px;position:absolute;top:0;left:116px;">
        <option value="12">12月</option>
        <option value="11">11月</option>
        <option value="10">10月</option>
        <option value="9">9月</option>
        <option value="8">8月</option>
        <option value="7">7月</option>
        <option value="6">6月</option>
        <option value="5">5月</option>
        <option value="4">4月</option>
        <option value="3">3月</option>
        <option value="2">2月</option>
        <option value="1">1月</option>
      </select>
      <select id="day" style="width:90px;position:absolute;top:0;left:210px;">
        <option value="31">31日</option>
        <option value="30">30日</option>
        <option value="29">29日</option>
        <option value="28">28日</option>
        <option value="27">27日</option>
        <option value="26">26日</option>
        <option value="25">25日</option>
        <option value="24">24日</option>
        <option value="23">23日</option>
        <option value="22">22日</option>
        <option value="21">21日</option>
        <option value="20">20日</option>
        <option value="19">19日</option>
        <option value="18">18日</option>
        <option value="17">17日</option>
        <option value="16">16日</option>
        <option value="15">15日</option>
        <option value="14">14日</option>
        <option value="13">13日</option>
        <option value="12">12日</option>
        <option value="11">11日</option>
        <option value="10">10日</option>
        <option value="9">9日</option>
        <option value="8">8日</option>
        <option value="7">7日</option>
        <option value="6">6日</option>
        <option value="5">5日</option>
        <option value="4">4日</option>
        <option value="3">3日</option>
        <option value="2">2日</option>
        <option value="1">1日</option>
      </select>
      <span style="position:absolute;left:304px;top:0;">
      <input type="button" value="查询" class="button_s button1" onclick="findSubjectRoomSummaryList();" style="height:36px;" />
      </span> </li>
  </ul>
  </form>
</div>

<div style="clear:both;" class="no_print"></div>

<div class="rbb_div" id="vue_vm_list">
    <div style="margin:0;padding:0;">
        <h3>用户vip卡报表</h3>
        <h3>湘潭市养老康复中心</h3>
        <h3>截止{{getDate()}}</h3>
        <table class="rbb">
            <tr>
                <td class="tdw100 t_c">持卡人</td>
                <td class="tdw100 t_c" colspan="2">卡名称</td>
                <td class="tdw100 t_c">预缴VIP费</td>
                <td class="tdw100 t_c">发生床位费</td>
                <td class="tdw100 t_c">剩余VIP费</td>
            </tr>
            <tr v-for="item,index in todos" :key="index">
                <td class="tdw100 t_c">{{item.name}}</td>
                <td class="tdw100 t_c" colspan="2">{{item.vipCardName}}</td>
                <td class="tdw100 t_c">{{item.officialPrice}}</td>
                <td class="tdw100 t_c">{{item.totalPay.toFixed(3)}}</td>
                <td class="tdw100 t_c">{{(item.officialPrice-item.totalPay).toFixed(3)}}</td>

            </tr>
        </table>
    </div>
</div>
<div class="form_div">
    <div class="for_ie_div no_print"><!--为兼容IE-->
        <ul>
            <li><span class="tit" style="width:70px;"></span></li>
            <li>
                <input type="button" value="打印" class="button button1" onclick="window.print();"
                       style="height:38px;"/>
            </li>
        </ul>
    </div>
</div>

<script src="js/common.js"></script>
<script src="js/common_function.js"></script>
<script src="js/common_date.js"></script>
<script src="js/common_money.js"></script>
<script src="js/busi/0_vip_bedrate_report.js"></script>
</body>
</html>
